/* 黑色导航栏的外部盒子 */

.div-black {
    background-color: #000;
}


/* 黑色导航栏的内部盒子 */

nav {
    margin: 0 auto;
    width: 1090px;
    height: 30px;
    background-color: #000000;
}

.w {
    width: 1090px;
}


/* 左侧的链接和标签设置 */

.nav-black-left {
    display: inline;
    font-size: 12px;
    line-height: 30px;
    color: #999999;
}

.nav-black-left>span {
    margin-right: 25px;
}

.nav-black-left>a {
    margin-right: 30px;
}


/* 黑色导航栏右侧的标签设置 */

.nav-black ul {
    float: right;
}

.nav-black ul>li {
    display: inline-block;
    font-size: 12px;
    line-height: 30px;
    margin-left: 30px;
}


/* 黑色导航栏样式结束 */


/* 第二个盒子样式开始 */


/* 第二个盒子的高和对应的外边距 */

.box {
    height: 80px;
    margin: auto;
    margin-top: 20px;
}


/* logo盒子的设置 */

div .box-logo {
    float: left;
    width: 330px;
    height: 65px;
}


/* logo的距离大小设置 */

.box-logo img {
    height: 65px;
    line-height: 65px;
    background-size: auto 65px;
}


/* 搜索栏的设置 */

.box-search {
    position: relative;
    float: left;
    width: 479px;
    height: 40px;
    margin-left: 10px;
    margin-right: 80px;
}


/* 搜索框的设置 */

.box-search input {
    float: left;
    width: 410px;
    height: 24px;
    border: 3px solid #ff0e20;
    border-radius: 24px 0 0 24px;
    padding: 6px 39px 6px 30px;
}


/* 搜索按钮的设置 */

.box-search button {
    position: absolute;
    left: 460px;
    width: 60px;
    height: 42px;
    border: 0;
    background-color: #ff0e20;
    border-radius: 24px;
}


/* 购物车按钮 */

.box .box-shopping-car button {
    width: 106px;
    height: 40px;
    border: 3px solid #ff0e20;
    border-radius: 24px;
    background-color: #fff;
}


/* 第三个盒子开始了 */

.nav-red {
    width: 1090px;
    height: 40px;
    margin: 0 auto;
}

.nav-red>div {
    display: inline-block;
}


/* 所有分类的设置 */

.nav-red-one {
    position: relative;
    float: left;
    width: 164px;
    height: 40px;
    line-height: 40px;
    background-image: linear-gradient(to right, #ff0202, #ff3063);
    text-align: center;
    font-size: 14px;
    color: #ffffff;
}

.nav-red-one ul {
    display: none;
}

.nav-red-one:hover>.menu {
    display: block;
}


/* 第三个盒子中首页等字样的设置 */

.nav-red-two ul {
    padding-left: 25px;
}

.nav-red-two ul>li {
    display: inline-block;
    line-height: 40px;
    padding: 0 20px;
}

.nav-red-two ul>li>a {
    font-size: 15px;
    font-weight: 700;
    color: #333333;
}

.nav-red-two ul>li>a:hover {
    color: #ff0e20;
}


/* 所有分类的下拉菜单 */

.nav-red i {
    float: left;
    font-size: 20px;
    padding-left: 20px;
}

.nav-red-one ul {
    position: absolute;
    top: 35px;
    z-index: 1000;
    box-sizing: border-box;
    font-size: 14px;
    width: 164px;
    color: #ffffff;
    background-image: linear-gradient(to right, #ff0202, #ff3063);
}

.nav-red-one ul>li {
    border-bottom: 1px solid #ff5160;
}

.nav-red-one ul a {
    text-align: left;
    color: #ffffff;
}


/* nav栏的下拉菜单 */

.nav-black-right>li:nth-child(3),
.nav-black-right>li:nth-child(4),
.nav-black-right>li:nth-child(5),
.nav-black-right>li:nth-child(6),
.nav-black-right>li:nth-child(7) {
    position: relative;
}

.nav-black-right>li:nth-child(3)>a>ul {
    display: none;
}

.nav-black-right>li:nth-child(4)>a>ul {
    display: none;
}

.nav-black-right>li:nth-child(5)>a>ul {
    display: none;
}

.nav-black-right>li:nth-child(6)>a>ul {
    display: none;
}

.nav-black-right>li:nth-child(7)>a>ul {
    display: none;
}

.nav-black-right>li:nth-child(3)>a:hover>#up {
    display: block;
}

.nav-black-right>li:nth-child(4)>a:hover>#up {
    display: block;
}

.nav-black-right>li:nth-child(5)>a:hover>#up {
    display: block;
}

.nav-black-right>li:nth-child(6)>a:hover>#up {
    display: block;
}

.nav-black-right>li:nth-child(7)>a:hover>#up {
    display: block;
}

#up {
    position: absolute;
    top: 30px;
    z-index: 100;
    background-color: #fff;
    width: 80px;
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}

#up>li {
    display: block;
    margin: 0;
}

#up>li:nth-child(3),
#up>li:nth-child(6),
#up>li:nth-child(8) {
    border-bottom: 1px solid #eaeaea;
}

#up>li:hover {
    color: #ff1e32;
}